.landing-ui-field-sortable-list .landing-ui-field-dnd-arrows,
.landing-ui-field-sortable-list .landing-ui-field-dnd-list-items,
.landing-ui-field-sortable-list .landing-ui-field-dnd-target-browser-header,
.landing-ui-field-sortable-list .landing-ui-field-dnd-target-browser-separator {
	display: none;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-list-value::before {
	display: none!important;
}

/* ~~~~~~ */

.landing-ui-field-sortable-list .landing-ui-field-input {
	background: #F3F4F5;
	padding-top: 21px;
	padding-bottom: 15px;
	align-self: center;
	display: flex;
	justify-content: center;
}

.landing-ui-form-style .landing-ui-field-sortable-list .landing-ui-field-input {
	background: #ffffff;
	padding: 0;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-list-value {
	background: transparent;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-target {
	width: auto;
	flex-grow: 1;
	flex-direction: unset;
	max-width: 242px;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-list-item {
	background: #ffffff;
	padding: 8px 10px 8px 20px;
	border-radius: 2px;
	margin-bottom: 4px;
	color: #777777;
	font-size: 11px;
	line-height: normal;
	border: 1px rgba(82, 92, 105, .32) solid;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-list-item-drag {
	background: url("/bitrix/images/landing/drag-props.svg") center center no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 16px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	transition: background 200ms ease, opacity 200ms ease;
	opacity: .6;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-list-item:hover .landing-ui-field-dnd-list-item-drag {
	opacity: 1;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-add-button {
	display: none;
}

.landing-ui-field-sortable-list-preview {
	background: #ffffff;
	width: 128px;
	min-width: 128px;
	min-height: 100px;
	box-sizing: border-box;
	border: 2px rgba(82, 92, 105, .32) solid;
	margin-right: 8px;
}

.landing-ui-field-sortable-list .landing-ui-field-dnd-list-value .landing-ui-field-dnd-list-item:last-child {
	border-bottom: 1px rgba(82, 92, 105, .32) solid;
}

.landing-ui-field-dnd-list-item,
.landing-ui-field-sortable-list-preview-item {
	position: relative;
}


.landing-ui-field-dnd-list-item::before,
.landing-ui-field-sortable-list-preview-item::before {
	position: absolute;
	content: '';
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border: 2px #2FC6F6 solid;
	border-radius: 2px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 200ms ease;
}

.landing-ui-field-dnd-list-item.landing-ui-active::before,
.landing-ui-field-sortable-list-preview-item.landing-ui-active::before,
.landing-ui-field-dnd-list-item.landing-ui-ondrag::before {
	opacity: 1;
}

.landing-ui-ondrag .landing-ui-field-dnd-list-item:not(.landing-ui-ondrag)::before,
.landing-ui-ondrag .landing-ui-field-sortable-list-preview-item::before {
	opacity: 0!important;
}